<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=0.33, user-scalable=0.33, minimum-scale=0.33, maximum-scale=0.33">
    <title>WANT</title>
    <link rel="icon" type="image/png" href="res/favicon-32.png" sizes="32x32">
    <!-- Bootstrap core CSS -->
    <link href="script/lib/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="res/w-basic.css?v=20160108" rel="stylesheet">
    <link href="res/w-guide.css?v=20160109" rel="stylesheet">
  </head>
  <body role="document">
    <header class="container-fluid w-header" id="w-header">
      <div class="row">
        <div class="col-xs-12 wh-splash">
          <img class="img-responsive" src="res/Culinary_fruits_front_view.jpg" />
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 wh-desc">    
          <h1 class="ellipsis">500元究竟能不能买到靠谱的原汁机？</h1>
          <h3><img src="res/selena-gomez.jpg" height="50px" class="img-circle">樱桃帮编辑部</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12">    
          <div class="panel panel-default wh-panel">
            <div class="panel-body">
              Basic panel example
              Basic panel example
              Basic panel example
              Basic panel example
              Basic panel example
            </div>
          </div>
        </div>
      </div>
    </header>

    <section class="container-fluid w-content" id="w-content">
      <div class="row">
        <div class="col-xs-12">
          <h2 class="ellipsis">工作原理 / 重点功能 / 性能解说</h2>
          <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
          <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 wc-body">
          <article class="wc-body-hidden" id="wcb-article">第二类叫果汁机，又叫刀片榨汁机。So what's so special about 2 a.m. and 5 p.m.? Matt Smith, founder of Latergramme, has some theories about 5 p.m.: "We think this is because less people are posting at that time and that more engaged users are using Instagram at that time," Smith told HuffPost.

Posting at 5 p.m. is an especially good time to engage people who have hopped on Instagram at the end of the workday and are procrastinating before they leave for the evening, Smith added.

The Latergramme team also broke down the best times for each day of the week. According to the data, the most "engaged" time on Instagram shifts from day to day: On Monday, for example, 5 p.m. is actually a pretty crummy time; engagement is highest at 7 p.m. and 10 p.m. On Friday, 1 a.m. and 8 p.m. are apparently the sweet spots. You can interact with the graphic below to see more.</article>
        <p class="wcb-btn-full" id="wcb-btn-full"><span>展开全文</span><img src="res/arrow_down@3x.png" /></p>
        </div>
      </div>
    </section>

    <section class="container-fluid w-choice" id="w-choice">
      <div class="row">
        <div class="col-xs-12">
          <h2 class="ellipsis">选购要素</h2>
          <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
          <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
          <h3 class="ellipsis">第三类叫果汁机，又叫刀片榨汁机。</h3>
        </div>
      </div>
    </section>

    <section class="container-fluid w-info" id="w-info">
      <div class="row">
        <div class="col-xs-12">
          <h2 class="ellipsis">主要类型</h2>
          <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
          <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
        </div>
      </div>
    </section>

    <section class="container-fluid w-info" id="w-info">
      <div class="row">
        <div class="col-xs-12">
          <h2 class="ellipsis">推荐品牌</h2>
          <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
          <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
        </div>
      </div>
    </section>

    <section class="container-fluid w-info w-tips" id="w-info">
      <div class="row">
        <div class="col-xs-12">
          <h2 class="ellipsis">小贴士</h2>
          <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
          <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
        </div>
      </div>
    </section>

    <section class="container-fluid w-relevant">
      <div class="row wr-text">
        <div class="col-xs-12">
          <h2>相关单品</h2>
        </div>
      </div>
      <div class="row clearfix wr-container" id="wr-container">
        <div class="panel panel-default wrc-box">
          <div class="panel-body">
            <a class="center-block" href="#" target="_self"><img src="res/dj13m-d08sg-2.png" class="img-responsive" height="510px" /></a>
            <h2 class="ellipsis">一款神奇的原汁机</h2>
            <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
            <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
            <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
          </div>
        </div>
      
        <div class="panel panel-default wrc-box">
          <div class="panel-body">
            <a class="center-block" href="#" target="_self"><img src="res/dj13m-d08sg-2.png" class="img-responsive" height="510px" /></a>
            <h2 class="ellipsis">一款神奇的原汁机</h2>
            <h3 class="ellipsis">第一类叫果汁机，又叫刀片榨汁机。</h3>
            <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
            <h3 class="ellipsis">第二类叫果汁机，又叫刀片榨汁机。</h3>
          </div>
        </div>
      
      </div>
    </section>

    <section class="container-fluid w-banner">
      <div class="row wb-qrcode">
        <div class="col-xs-6">
          <a target="_self" href="#"><img class="img-responsive wbq-left" src="res/QR-code_want@3x.png"></a>
        </div>
        <div class="col-xs-6">
          <a target="_self" href="#"><img class="img-responsive wbq-right" src="res/QR-code_laowang@3x.png"></a>
        </div>
      </div>
      <div class="row wb-subtitle">
        <div class="col-xs-6">
          <h4>官网微信公众账号</h4>
        </div>
        <div class="col-xs-6">
          <h4>顽童老王个人微信</h4>
        </div>
      </div>
    </section>

    <section class="w-place"></section>

    <footer class="container-fluid affix w-footer" id="w-footer">
      <div class="row">
        <div class="col-xs-12 clearfix">
          <div class="pull-left wf-logo"><img class="img-responsive" src="res/webview_logo@3x.png" /></div>
          <div class="pull-left wf-title"><h4>WANT-让欲望变简单</h4></div>
          <div class="pull-right wf-btns"><a target="_self" href="#" class="btn">下载iOS版</a></div>
        </div>
      </div>
    </footer>
    <!-- ================================================== -->
    <script src="script/lib/jquery-2.2.0.min.js"></script>
    <script src="script/lib/greensock/TweenLite.min.js"></script>
    <script src="script/lib/greensock/plugins/CSSPlugin.min.js"></script>
    <script src="script/lib/greensock/utils/Draggable.min.js"></script>
    <script src="script/app/guide.js"></script>
  </body>
</html>